/**
* @author:    ssj
* @update:    2019年04月26日
* @description: 个性样式
*/

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
em,i{
	font-style: normal;
}
body{
	font-size: 14px;
	min-width: 1200px;
}
img{
	vertical-align: middle;
}
.ftc-blue{
	color: #0d5cbe;
}
.ftc-red{
	color: #da251c;
}
.bgc-blue{
	background-color: #0d5cbe;
}
.bgc-white{
	background-color: #fff;
}
.wrapper{
	background-color: #f1f1f1;
	width: 100%;	
}

.clear:after{
  content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.clear {
	*zoom:1;
}
.mt0{
	margin-left: auto;
	margin-right:auto;
}
.fl{ 
	float:left;
}
.fr{ 
	float:right;
}
.tow1{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tow2{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.tow3{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.imgchange:hover{
	transition: 0.5s;
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.shan{
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.shan:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: "";
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
}

.shan:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
}
.pac{
	display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: box;
    box-orient: vertical;
    box-pack: center;
}
.main{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.text-l{
	text-align: left;
}
.text-c{
	text-align: center;
}
.text-r{
	text-align: right;
}
.bg-img{
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.shadow{
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 10px rgba(167,167,167,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 10px rgba(167,167,167,0.6);
}
.none{
	display: none;
}
.block{
	display: block;
}
/*@ 宋体      SimSun
@ 黑体      SimHei
@ 微软雅黑   Microsoft Yahei
@ 微软正黑体 Microsoft JhengHei
@ 新宋体    NSimSun
@ 新细明体  MingLiU
@ 细明体    MingLiU
@ 标楷体    DFKai-SB
@ 仿宋     FangSong
@ 楷体     KaiTi
@ 仿宋_GB2312  FangSong_GB2312
@ 楷体_GB2312  KaiTi_GB2312  
@
@ 说明：中文字体多数使用宋体、雅黑，英文用Helvetica*/

::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:10px;
	background:#f5f5f5;
	border-radius:6px; 
}
::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    background:#74D334;
	display:none;
}  
::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
    background:#62c0e3;
	display:none;
}  
::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
    background:#f2f2f2;
	border-radius:6px;
}  
::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
    background:#c7c7c7;
    border-radius:6px; 
}  
::-webkit-scrollbar-corner {/*边角（位置6）*/  
    background:#82AFFF;
	display:none;
}  
::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
    background:#FF0BEE;
	display:none;  
} 

/*header*/
.header{
	padding-top: 20px;
	padding-bottom: 15px;
}
.header-l{
	/*border-right: 2px solid #a0a0a0;*/
	width: 225px;
}
.header-logo{
	height: 90px;
}
.header-search{
	position: relative;
    /* display: table; */
    display: block;
    width: 500px;
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
    margin-left: auto;
}
.header-search>i{
	position: absolute;
	top: 7px;
    left: 12px;
	z-index: 2;
	font-size: 20px;
	color: #ef8512;
}
.header-search input[type="text"]{
	width: 80%;
	/* display: table-cell; */
	height: inherit;
	vertical-align: middle;
	border: 1px solid #ef8512;
	padding-left: 40px;
	position: relative;
	float: left;
}
.header-search input[type="text"]:focus{
	outline-color:#ef8512;
}
.header-search button{
	/* display: table-cell; */
	/* display: inline-block; */
	border: 1px solid transparent;
	width: 20%;
	height: inherit;
	background-color: #ef8512;
	color: #fff;
	vertical-align: middle;
	font-size: 14px;
	float: right;
	transition-duration: .5s;
    line-height:33px;
}
.header-search button:hover{
	background-color: #ff6815;
}

.header-nav{
	display: block;
	text-align: center;
	max-width: 940px;
	margin-top: 10px;
	margin-left: auto;
}
.header-nav>li {
	float: left;
	line-height: 60px;
	position: relative;
	padding: 0 30px;
}
.header-nav>li>a{
	color: #000;
	font-size: 16px; 
	display: block;
	transition-duration: .5s;
	position: relative;
}
.header-nav>li.on>a{
	color: #0c4186;
}
.header-nav>li.on>a:after{
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #0c4186;
	position: absolute;
	left: 0;
	bottom: 0;
}
.navsub{
	position: absolute;
	top: 54px;
	z-index: 2;
	width: 100%;
	background: #712d1e;
	display: none;
	width: 100%;
}
.navsub>li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #9e6558;
}
.navsub>li>a{
	display: block;
	color: #fff;
}
.navsub>li:hover>a{
	color: #e3bc3a;
}
.header-lang{
	position: absolute;
	right: 20px;
	top: 10px;
	line-height: 15px;
}
.header-lang a{
	display: inline-block;
	color: #333333;
}
.header-lang a.on{
	color: #0c4186;
}
.header-lang b{
	display: inline-block;
	width: 2px;
	height: 14px;
	background-color: #333333;
	margin: 0 10px;
	vertical-align: middle;
}


/*banner*/
.banner{ 
	width:100%;  
	position:relative;  
	height:550px; 
}
.banner .bd{ 
	margin:0 auto; 
	position:relative; 
	z-index:0; 
	overflow:hidden; 
	height:100%;   
}
.banner .bd ul{ 
	width:100% ; 
	height:100%;  
}
.banner .bd li{ 
	width:100% ;  
	height:100%; 
	overflow:hidden; 
	text-align:center;  
}
.banner .bd li a{ 
	display:block; 
	height:100%; 
}

.banner .hd{ 
	width:100%;  
	position:absolute; 
	z-index:1; 
	bottom:40px; 
	left:0; 
	height:30px; 
	line-height:30px; 
}
.banner .hd ul{ 
	text-align:center; 
}
.banner .hd ul li{ 
	cursor:pointer; 
	display:inline-block; 
	*display:inline; 
	zoom:1; 
	width:42px; 
	height:11px; 
	margin:1px; 
	overflow:hidden; 
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;  
	line-height:999px; 
}
.banner .hd ul .on{ 
	background:#4561ac;
}
.banner .prev,
.banner .next{  
	display:block;  
	position:absolute; 
	z-index:1; 
	top:48%; 
	margin-top:-30px; 
	left:15%;  
	width:40px; 
	height:60px; 
	background:url(../plugins/superslide/slider-arrow.png) -126px -137px #000 no-repeat;  
	cursor:pointer; 
	filter:alpha(opacity=50);
	opacity:0.5; display:none;  
}
.banner .next{ 
	left:auto; 
	right:15%; 
	background-position:-6px -137px; 
}




/*footer*/
.footbox{
	width: 100%;
	min-height: 300px;
	background-color: #404852;
}
.footer {
	width: 1200px;
	height: 120px;
	padding: 30px 0;
	
	font-size: 12px;
	color: #fff;
	margin:0 auto;
}

.foot{

}
.footl{
	width: 200px;
}
.footl img{
	max-width: 250px;
	margin-top: 70px;
}

.footr{
	margin-left: 30px;
}
.footr dl{
	width: 250px;
	color: #fefefe;
	margin-top: 75px;
	float: left;
	margin-right: 20px;
}
.footr dd {
	color: #fff;
	font-size: 18px;
}
.footr dt.xie{
	font-size: 16px;
	margin:20px 0;
	width: 40px;
	height: 3px;
	background: #8dbcd7;
}
.footr dt{
	margin-bottom: 10px;
}
.footr dt a{ 
	color: #fff;
	font-size: 13px;
	line-height: 22px;
	transition-duration: 0.5s;
	
}
.footr dt a i{
	font-size: 18px;
	margin-right: 10px;
}
.footr dt a:hover{
	/*color: #f8c400;*/
	margin-left: 8px;
}
.footr dt img{
	width: 100px;
	height: 100px;
}
.foot .code{
	width: 150px;
	text-align: center;
	margin-top: 75px;

}
.foot .code img{
	width: 100px;
	height: 100px;
	border:5px solid #a9a9a9;
	box-sizing: border-box;
}
.foot .code p{
	font-size: 14px;
	color: #fefefe;
	margin-top: 10px;
}


.footer p.gray { color: #999;}
.footer p.gray a { color: #999;}

.footer-bottom-wrap{
	height: 42px;
	background: #000000;
	
}
.footer-bottom{
	width: 1200px;
	height: 42px;
	margin: 0 auto;
	position: relative;
}
.footer-bottom div,
.footer-bottom a{
	font-size: 12px;
	line-height: 42px;
	color: #fff;
}
.footer-bottom span{
	margin-left: 30px;
}
.footer-bottom a{
	padding: 0 2px;
}
.footer-bottom a:hover{
	text-shadow:
    0 0 10px rgba(255,255,255, 1),
    0 0 50px rgba(255, 255, 255, .8),
    0 0 75px rgba(255, 255, 255, .6),
    0 0 76px rgba(255, 255, 255, .4),
    0 0 77px rgba(255, 255, 255, .5),
    0 0 78px rgba(255, 255, 255, .4),
    0 0 79px rgba(255, 255, 255, .3),
    0 0 80px rgba(255, 255, 255, .2),
    0 0 85px rgba(255, 255, 255, .1);
}




/*subbanner*/
.subbannerbox {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.subbannerbox .subbanner {
    width: 1920px;
    height: 400px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.subbannerbox .subbanner img{
	width: 100%;
}





/*crumb*/
.crumbbox{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	/*background: #f4f4f4;*/
}
.crumb{
	line-height: 30px;
	height: 30px;
	color: #2a2a2a;
	margin: 0 auto;
	width: 1200px;
	/*border-bottom: 1px solid #cacaca;*/
}
.crumb strong{
	font-weight: 500;
}
.crumb strong i{
	color: #909090;
	font-size: 14px;
	margin: 0 12px;
}
.crumb a{
	color: #545454;
}
.crumb span,.crumb a:hover{
	color: #0d5cbe;

}
.crumb>i{
	font-size: 18px;
	color: #474747;
	margin-right: 10px;
}




/* title */
.title{
	margin-top: 50px;	
	text-align: center;
	margin-bottom: 40px;
	padding: 0 30px 20px 30px;
	border-bottom: 1px solid #c6c6c6;
}
.title i{
	color: #779ccd;
	font-size: 50px;
	vertical-align: top;
	margin-right: 10px;
}
.title .titlep{
	display: inline-block;
}
.title .titlep p{
	color: #636363;
	font-size: 22px;
	font-weight: 600;
	white-space: pre;
}
.title .titlep span{
	color: #afafaf;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 5px;
	display: block;
}


/*iabout*/
.iabout{
	padding-top: 90px;
	padding-bottom: 130px;
}
.iaboutl{
	width: 600px;
	height: 323px;
	overflow: hidden;
}
.iaboutl img{
	width: 600px;
	height: 323px;
}
.iaboutr{
	width: 600px;
	position: relative;
}
.atitle{
	padding: 15px 20px;
	background-color: #f0f0f0;
	color: #292929;
	font-size: 20px;
}
.atitle span{
	display: inline-block;
	color: #7c7c7c;
	margin-left: 10px;
	font-size: 13px;
	text-transform: uppercase;
}
.amain{
	padding: 25px 20px 5px;
}
.amain p{
	color: #383838;
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.6;
}
.amain p b{
	font-size: 17px;
	color: #5a7ead;
	margin-right: 10px;
}
.iamore{
	display: block;
	text-align: right;
	margin-top: 70px;
	color: #717171;
	font-size: 15px;
}
.iamore i{
	color: #149de1;
	font-size: 20px;
	margin-left: 10px;
	vertical-align: middle;
}
.iaboutr:after{
	content: 'ABOUT US';
	display: inline-block;
	position: absolute;
	top: 106%;
	right: 0;
	color: #f0f0f0;
	font-size: 55px;
	font-weight: 600;
}


/*ipro*/
.iprobox{
	width: 100%;
	min-height: 680px;
	background:url(../img/iprobg.png) no-repeat bottom;
}
.ipro{
	margin-top: 100px;
}
.iproul li{
	width: 360px;
	float: left;
	text-align: center;
	background-color: #8b8b8b;
	padding-top: 60px;
	padding-bottom: 20px;
	position: relative;
	border-radius: 8px;
}
.iproul li+li{
	margin-left: 60px;
}
.iproul li img{
	width: 240px;
	height: 180px;
	display: inline-block;
}
.iproul li a p{
	width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	margin-top: 10px;
	display: inline-block;
}
.iproul li:after{
	content: '';
	display: block;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background-color: #aacde6;
	position: absolute;
	top: -44px;
	left: 0;
	right: 0;
	margin:  auto;
}
.ipromore{
	display: block;
	text-align: center;
	margin-top: 70px;
	color: #717171;
	font-size: 15px;
}
.ipromore i{
	color: #149de1;
	font-size: 20px;
	margin-left: 10px;
	vertical-align: middle;
}





/*icase*/
.icasebox{
	width: 100%;
	height: 457px;
	background:url(../img/icasebg.jpg) no-repeat;
	margin-bottom: 80px;
}
.icase{
	padding-top: 130px;
}
.index-video{
	padding:40px 0 40px 60px;
	position: relative;
	background-color: #fff;
}
.ivideo li{
	width: 160px;
	height: 120px;
	margin: 2px 10px;
}
.ivideo li img{
	width: 160px;
	height: 120px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(144,144,144,0.6);
}
.index-video .next,
.index-video .prev{
	font-size: 42px;
	position: absolute;
	top: 85px;
	color: #779ccd;
}
.index-video .next{
	right: 20px;
}
.index-video .prev{
	left: 20px;
}






/*imessage*/
.imesbox{
	width: 100%;
	height: 1000px;
	background-color: #f2f2f2;
	padding-top: 100px;
}
.imesl{
	width: 446px;
}

.imesl img{
	width: 446px;
	margin: 36px 0;
}
.imesr{
	width: 670px;
	padding: 50px 80px 40px;
	background-color: #fff;
}
.imesr h3{
	color: #474747;
	font-size: 28px;
	font-weight: 500;
	text-align: center;
}
.imesr h3 span{
	display: inline-block;
	margin-left: 30px;
	text-transform: uppercase;
}
.index-form{
	margin-top: 30px;
}
.index-form .index-form-group{
	margin-bottom: 20px;
}
.index-form .index-form-group label{
	color: #181818;
	font-size: 14px;
	display: block;
}
.index-form .index-form-group label em{
	color: #de0000;
	margin-left: 3px;
}
.index-form .index-form-group input[type='text']{
	display: block;
	margin-top: 5px;
	border:none;
	outline: 0;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
	padding: 5px 0;
}
.index-form .index-form-group textarea{
	outline: 0;
	border:none;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
	padding: 5px;
	height: 60px;
}
.form-btn{
	margin-top: 10px;
	text-align: center;
}
.form-btn a{
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	color: #fff;
	margin: 0 10px;
	border-radius: 4px;
}
.form-btn a.sub{
	background-color: #426ab0;
}
.form-btn a.rep{
	background-color: #a3a3a3;
}
.form-img{
	margin-top: 10px;
}
.form-img li{
	width: 160px;
	height: 120px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}
.form-img li .img-file{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
.form-img li img{
	width: 160px;
	height: 120px;
	border:1px solid #e0e0e0;
}
.form-img li i{
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background-color: #de0000;
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 3px;
	right: 3px;
	border-radius: 50%;
}


/*contact*/
.contact{
	padding-top: 40px;
    padding-bottom: 80px;
}
.contactbox{
	background-color: #fff;
	padding: 30px 10px;
	position: relative;
}
.contact .map {
	width: 100%;
	height: 540px;
	border: #eee dashed 1px;
	border-radius: 10px;
}
.contactbox li{
	position: relative;
}

  
.iw_poi_title{
	font-size: 16px;
	color: #035cac;
	margin-bottom: 5px;
}
.iw_poi_content{
	font-size: 14px;
}
.contactul{
	margin-top: 30px;
}
.contactul li{
	width: 33.3%;
	float: left;
	margin-bottom: 15px;
	padding-left: 20px;
	color: #373737;
	font-size: 15px;
	white-space: pre;
}
.contactul li i{
	color: #035cac;
	margin-right: 12px;
	font-size: 20px;
}
.contactbox .prev,
.contactbox .next{
	position: absolute;
	bottom: 100px;
	color: #fff;
	font-size: 40px;
	z-index: 9999;
	
}
.contactbox .prev{
	right: 240px;
}
.contactbox .next{
	right: 80px;
}
.contt{
	width: 340px;
	height: 540px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: rgba(12,65,134,.6);
	padding: 110px 30px 0;
	color: #fff;
}
.contt h2{
	font-size: 22px;
}
.contt span{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 5px;
}
.contt h3{
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.contt p{
	font-size: 14px;
	margin-bottom: 10px;
}

/*新闻*/

.newslist{
   padding: 60px 50px 80px;
   background-color: #f2f2f2;
   margin-top: 30px;
}
.newsttt{
	line-height: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.newsttt i{
	color: #f08f2d;
	font-size: 32px;
	margin-right: 10px;
}
.newsttt span{
	color: #584e41;
	font-size: 22px;
	display: inline-block;
	margin-right: 15px;
}
.newsttt em{
	color: #c9c7c4;
	font-size: 22px;
	display: inline-block;
	text-transform: uppercase;
}
.news{
	padding-bottom: 50px;
}
.news li{
	width:100%;
	padding:20px 40px;
	box-sizing: border-box;
	justify-content: space-between;
	margin-bottom: 40px;
	background: #fff; 
	height:285px;

	border:1px #b6b6b6 solid;
	/* -moz-box-shadow:0px 2px 7px #CFCFCF; 
	-webkit-box-shadow:0px 7px 7px #CFCFCF; 
	box-shadow:0px 2px 7px #CFCFCF; */
}
.newsimg{
	display: block;
	width: 320px;
	height:240px;
	border:1px solid #c0c0c0;
	margin-right: 10px;
	overflow: hidden;
	background-color: #f5f5f5;
	margin-right: 30px;
}
.newsimg img{
	width: 320px;
	height:240px;
}
.newsimg img:hover{
	transition: 0.5s;
	-webkit-transform:scale(1.1);
 	-o-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}


.newsmain{
	width: 640px;
	/*margin-top: 30px;*/
	position: relative;
	/*height: 210px;*/
}
.newsmain2{
	width: 100%;
	/*margin-top: 30px;*/
	position: relative;
	/*height: 210px;*/
}
.newst{
	/*border-bottom:1px solid #b9b9b9;*/
	min-height:60px;
	
	justify-content: space-between;
}
.newst span{
    color: #aaaaaa;
    line-height: 30px;
    height: 30px;
    display: block;
    font-size: 18px;
    margin-top: 15px;
}



.newst h3{
	font-size: 24px;
	line-height: 30px;
	margin-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 500;
	color: #222222;
}


.newsp p{
	width:100%;
	font:15px "宋体";
	line-height: 28px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    transition-duration: 0.5s;
    margin-top: 10px;
    color: #7b7b7b;
    max-height: 84px;
}
.newsp span{
	color: #3b3b3b;
	font-size: 16px;
	margin-top: 20px;
	display: inline-block;
	/*width: 120px;*/
	height: 40px;
	line-height: 40px;
	/*background: #ffa000;*/
	text-align: center;
	transition-duration: .5s;
	vertical-align: middle;
}
.newsp span i{
	margin-left: 20px;
	font-size: 24px;
	vertical-align: -3px;
}
/*.news li:hover p{
	color: #eb2f87;
}*/
.newsrr{
	width: 60px;
	height: 215px;
	background: #0d6fb8;
	text-align: center;
	transition-duration: 0.5s;
}
.newsrr i{
	font-size: 28px;
	color: #fff;
	line-height: 215px;

}
.newsrr:hover{
	background: #073150;
}

/*新闻详细*/

.newsview{
	
	margin:50px auto 80px auto;
	
	padding:50px 60px;
	
	background: #f7f7f7;
}
.newsyo{
	background: #fff;
	padding: 40px 30px 80px 30px;
}
/*标题 时间*/
.viewt{
	padding-bottom:10px;
	text-align: center;

}
.viewt h3{
	font-size: 24px;
	line-height: 40px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #b9b9b9;
	color: #747474;
	margin-bottom: 10px;
}
.viewt p{
	font:14px "宋体";
	line-height: 40px;
	color:#7f7f7f;
	display: block;
}
.share2{
	line-height: 28px;
	color: #8e8e8e;
}
/*文章内容*/
/*.viewp p{
	font:14px "宋体";
	line-height: 35px;
	text-indent: 2em;
}*/
/*.viewp div{
	width:100%;
	margin: 0 auto;
}*/
.viewp img{
	margin:0 15px 15px 15px;
	max-width: 100%;
}
/*.viewt p span{
	margin-right: 30px;
}*/

/*其他文章*/

.owz{
	margin-top: 100px;
	margin-bottom: 50px;
}
.owz h3{
	color: #656565;
	font-size: 24px;
	line-height: 35px;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 10px;
}
.owzli{
	
}
.owzli li{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dashed #cdcdcd;

}
.owzli li a{
	color: #4a4a4a;
}
.owzli li a:hover{
	color: #392caf;
}
.owzli li a p{
	max-width: 1050px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}
.owzli li a span{
	
}

.newslinkWrap{
	margin-top: 20px;
}
.newslink{
	padding: 10px 0 10px 16px;
	line-height: 24px;
	height: 24px;
}
.newslink span,.newslink a{
	font-family: "新宋体";
	font-size: 14px;
	color: #5a5a5a;
}
.newslink span{
	font-weight: 500;
}
.newslink:hover a,.newslink:hover span{
	color: #ffa000;
}



/*分页  s*/
.pagination{
   width: 100%;
	text-align: center;
	font-size: 0px;
	padding: 20px 0 20px 0;
}
.pagination{
	padding: 0px 0 20px 0;
}
.pagination li{
	display: inline-block;
	border: 1px solid #aaa;
	border-radius: 3px;
	font-size: 13px;
	color: #aaa;
	height: 25px;
	line-height: 23px;
	margin: 0 5px;
	min-width: 25px;
}
.pagination li a{
	color: #333333;
	display: block;
	padding:0 4px;
	background: #fff;
}
.pagination li:hover,
.pagination .active{
	border:  1px solid #e5d2b2;
	transition:border 0.3s;
	-moz-transition:border 0.3s; /* Firefox 4 */
	-webkit-transition:border 0.3s; /* Safari and Chrome */
	-o-transition:border 0.3s; /* Opera */
}
.pagination li:hover a,
.pagination .active a{
	color: #fff;
	background: #0d5cbe;
	transition:color 0.3s, background 0.3s;
	-moz-transition:color 0.3s background 0.3s; /* Firefox 4 */
	-webkit-transition:color 0.3 background 0.3s; /* Safari and Chrome */
	-o-transition:color 0.3s background 0.3s; /* Opera */
}
.pagination li.disabled,
.pagination li.disabled:hover{
	border: 1px solid #ccc;
	background: none;
	cursor: default;
}
.pagination li.disabled a,
.pagination li.disabled:hover a{
	color: #bbb;
	/*background: none;*/
	cursor: default;
}
/*分页   e*/















/*proview*/
.proview {
	padding-top: 60px;
	padding-bottom: 80px;
	
}
.proview .proview-img {
	width: 652px;
	/*height: 489px;*/
	overflow: hidden;
	border:1px solid #a3a3a3;
	box-sizing: border-box;
	background-color: #fff;
}
.proview .proview-img img{
	display: block;
	width: 652px;
	/*height: 489px;*/

}
/*.proview .proview-img img:hover{
   transition: 0.5s;
   -webkit-transform:scale(1.1);
   -o-transform:scale(1.1);
   -moz-transform:scale(1.1);
   -ms-transform:scale(1.1);
    transform:scale(1.1);

}*/
.proview .proview-content {
	width: 440px;
}
.proview .proview-content .name {
	font-size: 22px;
	/*border-bottom: 1px solid #bfbfbf;*/
	margin-bottom: 10px;
	color: #272727;
	font-weight: 600;
	padding-bottom: 10px;
	margin-top: 50px;
}
.proview .proview-content .name span{
	display: inline-block;
	font-size: 14px;
	font-family: arial;
	text-transform: uppercase;
	margin-left: 15px;
}
.proview .proview-content .introttt {
	padding-top: 10px;
}
.proview .proview-content .introttt p{
	color: #202020;
	line-height: 30px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px dashed #aaaaaa;
}
.proview .proview-content .introttt p span{
	width: 60px;
	display: inline-block;
	text-align: justify;
	text-align-last: justify;
}
.proview .proview-detail {
	clear: both;
	padding-top: 40px;
	/*border: 1px solid #a3a3a3;*/
}

.proview .proview-detail .ptitle {
	background-color: #035cac;
	border: #eee solid 1px;
	/*padding: 10px 10px;*/
	line-height: 50px;
	height: 50px;
	text-transform:uppercase;
	padding-left: 30px;
	/*border-left: #003a83 solid 4px;*/
	color: #fff;
	font-size:20px;
}
.proview .proview-detail .ptitle span{
	font-size: 15px;
}
.proview-detail .detailp{
	background: #fff;
	padding: 30px 40px 60px 40px;
	word-break: break-all;
  text-align: justify;
}
.proview-detail .detailp img{
	max-width: 100%;
}
.proview-detail .detailbox{
	padding: 30px 20px;
	background-color: #eeeeee;
}
.pro-tel{
	margin-top: 30px;
}
.pro-tel p{
	font-size: 18px;
	color: #0d0d0d;
	margin-bottom: 5px;
}
.pro-tell{
	font-size: 24px;
	color: #4e6e87;
	font-weight: 600;
}
.pro-tell i{
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 50%;
	border:1px solid #4e6e87;
	margin-right: 20px;
	font-size: 29px;
}






.introbox{
	padding-top: 70px;
	padding-bottom: 80px;
	position: relative;
}
.introbox:after{
	content: '';
	display: block;
	width: 100%;
	height: 200px;
	background-color: #f2f2f2;
	position: absolute;
	left: 0;
	bottom: 0;
}
.intro{
	margin-top: 50px;
}
.intror{
	position: relative;
	z-index: 99;
}
.introl{
	width: 540px;
	padding-left: 35px;
	padding-bottom: 80px;
	background-color: #fff;
	z-index: 99;
}
.introl h4{
	font-size: 29px;
	color: #363636;
	font-weight: 500;
}
.introl span{
	color: #e1e1e1;
	font-size: 24px;
	display: block;
	text-align: right;
	text-transform: uppercase;
}
.introl .danye{
	margin-top: 30px;
	height: 320px;
	overflow-y: scroll;
	background-color: #fff;
	position: relative;
	z-index: 99;
}



.promenu{
	/*text-align: center;*/
	padding: 30px 20px;
	background-color: #e9e9e9;
}
.promenu li{
	margin: 0 13px;
	display: inline-block;
	position: relative;
}
.promenu li a{
	display: block;
	color: #000;
	border-radius: 4px;
	text-align: center;
	padding: 0 5px;
	/*background-color: #fff;
	
	border:1px solid #035cac;*/
	/*padding: 10px 30px;*/
	width: 135px;
	height: 40px;
	line-height: 40px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.promenu li.on a,
.promenu li:hover a{
	background-color: #fff;
	color: #0c4186
}
/*.promenu li.on a:after{
	position: absolute;
	top: 100%;
	left: 45%;
  border-top: 8px solid #fff;
 	border-left: 8px solid transparent;
 	border-right: 8px solid transparent;
  content: "";
}*/


.prolist{
	padding-top: 50px;
	padding-bottom: 90px;
}
.proul li{
	float: left;
	width: 280px;
	margin-bottom: 50px;
	margin-right: 26px;
}
.proul li:nth-child(4n){
	margin-right: 0px;
}
.proul li img{
	width: 280px;
	height: 210px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 10px rgba(125,125,125,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 10px rgba(125,125,125,0.6);
}
.proul li a p{
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #0d0d0d;
	font-size: 14px;
	line-height: 40px;
}



.form-mes{
	background-color: #fff;
	padding: 50px 20px 60px;
}
.form-input{
	width: 49%;
	display: inline-block;
	margin-bottom: 30px;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
}
.form-input2{
	width: 100%;
	margin-bottom: 30px;
	padding: 0 30px;
}
.form-input input{
	height: 40px;
	line-height: 40px;
	width: 400px;
	margin-left: 10px;
	padding: 0 10px;
	background-color: #f1f1f1;
	border: 1px solid #cacaca;
}
.form-input label,
.form-input2 label{
	width: 80px;
	display: inline-block;
}
.form-input label em,
.form-input2 label em{
	color: #b70000;
	margin-left: 5px;
}
.form-input2 label{
	vertical-align: top;
}
.form-input2  textarea{
	width: 975px;
	margin-left: 10px;
	padding: 10px;
	height: 160px;
	background-color: #f1f1f1;
	border: 1px solid #cacaca;
}
.mes-btn{
	margin-top: 50px;
	text-align: center;
}
.mes-btn a{
	color: #fff;
	font-size: 18px;
	background: #495e76;
	padding: 10px 60px;
	display: inline-block;
	margin: 0 10px;
}
.mes-btn a.c{
	background: #a3a3a3;
}


.message{
	padding-top: 40px;
	padding-bottom: 80px;
}
.mesfile-img{
	width: 975px;
	display: inline-block;
	margin-left: 10px;
}
.mesfile-img .form-img{
	margin-top: 0;
}
.mesfile-img .form-img li{
	width: 180px;
    height: 135px;
    margin-right: 14px;
}
.mesfile-img .form-img li img{
	width: 180px;
    height: 135px;

}

.case{
	margin-top: 60px;
	margin-bottom: 80px;
	padding: 40px;
	background-color: #f2f2f2;
}

.caseul{
	
}
.caseul li{
	float: left;

}
.caseul li img{
	width: 140px;
	height: 105px;
	border: 1px solid #d2d2d2;
}



.prosort{
	margin-top: 50px;
}
.prosort li{
	height: 374px;
	position: relative;	
	background-color: #e1edfa;
	margin-bottom: 70px;
}
.prosort li.prosort-l{
	padding: 40px 50px 40px 560px;
}
.prosort li.prosort-r{
	padding: 40px 560px 40px 40px;
}
.prosort li .proimg{
	width: 480;
	height: 360px;
	line-height: 360px;
	position: absolute;
	top: 7px;	
	overflow: hidden;
}
.prosort li.prosort-l .proimg{
	left: 10px;
}
.prosort li.prosort-r .proimg{
	right: 10px;
}
.prosort li img{
	width: 480px;
	display: inline-block;
	/*height: 360px;*/
}
/*.prosort li:hover img{
	transition: 0.5s;
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}*/
.prosort li a h3{
	color: #000000;
	padding-bottom: 50px;
	position: relative;
	font-size: 20px;
}
.prosort li a h3:after{
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	background-color: #1566bd;
	position: absolute;
	left: 0;
	bottom: 24px;
}
.prosort li a .danye{
	color: #000000;
	font-size: 14px;
	line-height: 1.8;
	height: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	margin-bottom: 60px;
}
.prosort li a span{
	display: block;	
	margin-top: 70px;
	color: #717171;
	font-size: 15px;
}
.prosort li.prosort-l a span{
	text-align: right;
}
.prosort li.prosort-r a span{
	text-align: left;
}
.prosort li a span i{
	color: #149de1;
	font-size: 20px;
	margin-left: 10px;
	vertical-align: middle;
}


.clausebox{
	margin-bottom: 70px;
	margin-top: 50px;
	padding: 36px 50px 60px;
	background-color: #f2f2f2;
}

.clause{
	padding: 50px 40px;
}
.clause>p{
	color: #494949;
	font-size: 16px;
	margin-bottom: 30px;
	text-indent: 2em;
	line-height: 1.6;
}
.ctt{
	margin-bottom: 40px;
	text-align: center;
}
.ctt h3{
	width: 270px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	background: url(../img/ck.png) 100% 100%;
	color: #fff;
	font-size: 20px;
}
.tiaokuan{
	padding: 20px 40px;
	background-color: #e1e5f8;
	border-radius: 8px;
	margin-bottom: 40px;
}
.tiaokuan h4{
	text-align: center;
	color: #0c4186;
	font-size: 18px;
	margin-bottom: 20px;
}
.tiaokuan p{
	color: #0a0a0a;
	font-size: 16px;
	background-color: #fff;
	padding: 15px 20px;
	margin-bottom: 15px;
	border-radius: 4px;
}




.visionbox{
	background-color: #f7f7f7;
	padding-top: 30px;
	padding-bottom: 60px;
	margin-bottom: 80px;
}
.vision img{
	width: 100%;
}



.photo{
	margin-bottom: 50px;
}


.naturalbox{
	background-color: #f7f7f7;
	padding-top: 30px;
	padding-bottom: 60px;
	margin-bottom: 80px;
}

.natural-dong{
	padding:40px 0 40px 80px;
	position: relative;
}
.natural-img li{
	width: 220px;
	/*height: 180px;*/
	margin: 2px 20px;
}
.natural-img li img{
	width: 220px;
	height: 275px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(144,144,144,0.6);
}
.natural-img li a p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #dde5eb;
	color: #636363;
	text-align: center;
	margin-top: 10px;
}
.natural-dong .next,
.natural-dong .prev{
	font-size: 42px;
	position: absolute;
	top: 160px;
	color: #779ccd;
}
.natural-dong .next{
	right: 20px;
}
.natural-dong .prev{
	left: 20px;
}


.about{
	position: relative;
	padding-bottom: 60px;
}
.about-l{
	widows: 600px;
	height: 320px;
	overflow: hidden;
}
.about-l img{
	widows: 600px;
	height: 320px;
}
.about-r{
	width: 550px;
}
.about-r p{
	margin-bottom: 24px;
	font-size: 16px;
	color: #383838;
	line-height: 1.6;
}
.about-r p b{
	color: #2385ca;
	font-size: 18px;
	margin-right: 5px;
}
.abtimg{
	margin-top: 50px;
}
.bobo {
    background-image: url(../img/bobo.png);
    background-size: 100%;
    background-position: bottom;
    padding-bottom: .7rem;
    background-repeat: no-repeat;
}